WordPressのテーマの編集方法
WordPressは無料のブログツールです。Webサーバーへインストールして利用します。
WordPressの見た目は、「テーマ」と呼ばれます。
テーマは多数配布されていますが、自分でカスタマイズする必要がある時もあると思います。
そんな時、テーマファイルを編集します。下記に情報を記載しておきます。
編集で使う知識
- HTML/CSS
- PHP
- WordPressのテンプレートタグ
テーマのある場所
wp_content/themes 配下
編集するファイル
*タグとの上部
header.php
*タグ内
home.php, page.php, category.php, archive.php, Index.php, single.php, author.php, date.php, search.php, 404.php, image.php, tag.php, attachment.php
※index.phpは全てのページで使われる可能性があるため、なるべく編集しない
*サイドバー
sidebar.php
*タグの下部
footer.php
*スタイルシート
style.css
style.cssはテーマのテーマ名やテーマ作成者といった情報も含まれる。
*スクリーンショット
screenshot.png
テーマ選択時に表示されるスクリーンショット
*テンプレートタグ
- header.phpの読み込み:
- sidebar.phpの読み込み:
引数を与えると、違うサイドバーのテンプレートファイルを読み込む
例:<?php get_sidebar('left'); ?>
- sidebar-left.phpを読み込む
- footer.phpの読み込み:
*その他のテンプレートの読み込み
<?php include (TEMPLATEPATH . '/content.php'); ?>
※TEMPLATEPATHはサーバーのシステム上の絶対パスが入っている定数
テーマにリンクを作る場合はbloginfo(), get_bloginfo()を使用する。
ブログのurl :
例:<a href="<?php bloginfo('url');?>">ホーム</a>
テーマフォルダのurl :
例:<img src="<?php bloginfo('template_url'); ?>/contact_us.png" alt="お問合せボタン" />